$(function () {
    var $tab = $("#root #showView .tab");
    var tabLen = $tab.length;
    var tabIndex = 0; // 默认显示的位置

    // 点击左侧箭头
    $("#root .app-arrow-left").on("click", function () {
        if (tabIndex <= 0) {
            tabIndex = tabLen - 1;
        } else {
            tabIndex --;
        }
        // 选中tab
        $tab.eq(tabIndex).addClass("show").siblings().removeClass("show");
    });

    // 点击右侧箭头
    $("#root .app-arrow-right").on("click", function () {
        if (tabIndex >= (tabLen - 1)) {
            tabIndex = 0;
        } else {
            tabIndex ++;
        }
        // 选中tab
        $tab.eq(tabIndex).addClass("show").siblings().removeClass("show");
    });
});